<template>
  <div class="container">
    <div class="container-l">
      <Left />
    </div>
    <div class="container-r">
      <Right />
    </div>
  </div>
</template>

<script>
import Right from '@/views/my/right'
import Left from '@/views/my/left'
export default {
  data () {
    return {}
  },
  components: {
    Right,
    Left
  }

}
</script>

<style lang="less" scoped>
.container {
  width: 100%;
  height: 100vh;
  .container-l {
    width: 25%;
    height: 100vh;
    float: left;
    // border: 1px solid gray;
  }
  .container-r {
    width: 75%;
    height: 100vh;
    float: right;
    border-left: 1px solid rgba(128, 128, 128, 0.2);
  }
}
</style>
